<template>
  <el-col v-for="(item,index) in ratRecList.Data" :key="index" :span="8" :offset="index > 0 ? 2 :0">
    <el-card :body-style="{padding :'0px'}">
      <img :src="item.ArtIcon" alt="" class="el-image">
      <div style="padding: 14px">
        <span>{{item.article_name}}</span>
        <div class="is-bottom"></div>
        <time class="time">{{ item.CreatedAt}}</time>
        <span>{{item.desc}}</span>
      </div>
    </el-card>
  </el-col>
</template>

<script lang="ts">
import {defineComponent} from "vue";

export default defineComponent({
  name: "ArtListCart",
  props:[
      "ratRecList"
  ],
  setup(){
    return{

    }
  }
})
</script>

<style scoped>

</style>